<!--
  Generated template for the ProductaddPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="primary">
    <ion-title>发布新的商品</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-label class="item-label">商品标题</ion-label>
      <ion-input type="text" [(ngModel)]="title"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label class="item-label">商品类别</ion-label>
      <ion-select multiple="false" [(ngModel)]="type" cancelText="取消" okText="确定">
        <ion-option value="1">个人商品</ion-option>
        <ion-option value="2">商家商品</ion-option>
        <ion-option value="3">以物易物</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label class="item-label">商品价格</ion-label>
      <ion-input type="number" [(ngModel)]="price"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating class="item-label">详细描述</ion-label>
      <ion-textarea autosize [(ngModel)]="desc"></ion-textarea>
    </ion-item>
  </ion-list>
  <button ion-button icon-only (click)="presentActionSheet()">
    <ion-icon name="ios-camera-outline"></ion-icon>
  </button>
  <img *ngIf="serverImgPath!=null" style="width: 100%;" [src]="showImgPath">

</ion-content>
<ion-footer>
  <button ion-button block (click)="launch()" >发布</button>
</ion-footer>
